UX for Beginners by Joel Marsh

Author:Joel Marsh
Language: eng
Format: epub, mobi, pdf
Publisher: O'Reilly Media, Inc.
Published: 2015-12-16T18:57:21+00:00

Those six ducks are identical. Only the alignment creates these perceptions. Buttons with similar functions can be aligned. Different levels of content can be aligned. Information can be in a grid of rows and columns like a spreadsheet to create complex meaning.

Proximity

The closeness or distance between two objects creates a feeling of those objects being related or unrelated. That distance is called proximity.

In the second image, you see six identical ducks that are not aligned horizontally or vertically, but you definitely see two groups. The ducks in each group seem together, like a team or a family. The only thing creating that perception is their proximity.

In your designs, put related elements closer together and unrelated elements farther apart. For example: a headline, a block of text, and a button that are all related to one action—like a purchase or an app download—are usually designed like a “package.” That allows the user to understand that they go together without reading anything.

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.